import React from 'react' ;
import './Electronicmap.scss' ;
import { Row,Col } from 'antd' ;
import { Select } from 'antd';
import $ from "jquery";
import map_banner from '../../static/Electronicmap/map_banner.jpg';
import mp1 from '../../static/Electronicmap/mp1.jpg' ;
import mp2 from '../../static/Electronicmap/mp2.jpg' ;
import mp3 from '../../static/Electronicmap/mp3.jpg' ;
import mp4 from '../../static/Electronicmap/mp4.jpg' ;
const { Option, OptGroup } = Select;
let map_pic_arr = [mp1,mp2,mp3,mp4] ;
class Electronicmap extends React.Component{
    constructor(props){
        super(props) ;
        this.state = {
            home_news : map_pic_arr[0] ,
        }
    }
    homeNewsChange(value){
        let pic = map_pic_arr[value] ;
        this.setState({
            home_news : pic,
        })
    }
    render(){
        return(
            <div className='map'>
                <div className={`map_banner`}>
                    <img src={map_banner} alt="等待加载"/>
                </div>
                <div className='map_content container'>
                    <Row gutter={24}>
                        <Col span={4} className={`home_news_menu`}>
                            <div className='con'>
                                <p>企业类型</p>
                                <Select
                                    style={{ width: 177 }}
                                    onChange={this.homeNewsChange.bind(this)}
                                    defaultValue={0}
                                >
                                    <Option value={0}>国有企业</Option>
                                    <Option value={1}>私有企业</Option>
                                </Select>
                                <p>行业类别</p>
                                <Select
                                    style={{ width: 177 }}
                                    onChange={this.homeNewsChange.bind(this)}
                                    defaultValue={1}
                                >
                                    <Option value={1}>互联网行业</Option>
                                    <Option value={2}>传统行业</Option>
                                </Select>
                            </div>

                        </Col>
                        <Col span={20}>
                            <img src={this.state.home_news} style={{ marginTop:'35px' }}/>
                        </Col>
                    </Row>
                </div>

            </div>
        )
    }
}

export default Electronicmap ;